<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>万达首页</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="public.css">
    <!--css的样式 -->
    <link rel="stylesheet" href="/style/liuyapeng/style.css">
    <script src="/style/liuyapeng/anima.js"></script>
</head>

<body>
    <!-- 头部开始 -->
    <header class="center">
        <div class="left flex ">
            <!-- logo -->
            <img src="https://image.wanda.cn/statics/images/web/20190423/logo.jpg" alt="">
            <div class="header-list">
                <span>商管集团 |</span>
                <span>文化集团 |</span>
                <span>投资集团</span>
            </div>
        </div>
        <div class="right">
            <img src="	https://image.wanda.cn/statics/images/web/20190423/1.png" alt="">
            <img src="	https://image.wanda.cn/statics/images/web/20190423/2.png" alt="">
        </div>

    </header>
    <!-- 头部结束 -->
    <!-- 选项 -->
    <main>
        <div class="main_box center">
            <div class="main_switch">
                [&nbsp;  中文 &nbsp;| &nbsp; <span style="color:rgb(139, 139, 139)">English</span> ]
            </div>
            <div class="main_list">
                <span>首页</span>
                <spna>
                    <a target="_blank" href="/newsroom.html"> 新闻中心</a>
                </spna>
                <spna>
                    <a target="_blank" href="/videos.html"> 视频中心</a>
                </spna>
                <spna>
                    <a target="_blank" href="/wandachanye.html"> 万达产业</a>
                </spna>
                <spna>
                    <a target="_blank" href="/branchservice.html"> 招采平台</a>
                </spna>
                <spna>
                    <a target="_blank" href="/hotjob.html"> 招聘平台</a>
                </spna>
                <spna>
                    <a target="_blank" href="/about.html"> 关于万达</a>
                </spna>
                <spna class="o"><img class="i" src="/style/liuyapeng/img/搜索.png" alt="" ></spna>
            </div>
        </div>


    </main>
    <!-- 轮播图开始 -->
    <div class="wrapAll ">
        <ul class="slideBar center">
            <li><img src="https://image.wanda.cn/uploadfile/2019/0302/20190302072328742.jpg" alt=""></li>
            <li><img src="https://image.wanda.cn/uploadfile/2019/0303/20190303024608704.jpg" alt=""></li>
            <li><img src="https://image.wanda.cn/uploadfile/2020/0409/20200409023349112.png" alt=""></li>
            <li><img src="https://image.wanda.cn/uploadfile/2019/0303/20190303024624951.jpg" alt=""></li>

        </ul>
        <ul class="dotList ">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>

        </ul>
        <div class="right"></div>
        <div class="left"></div>
    </div>
    <!-- 轮播图结束 -->

    <div class="center mt40"></div>

    <section class="center">
        <div class="left">
            <div class="top-lanmu">
                <div class="tit">
                    <h3>集团要闻</h3>
                    <span>更多</span>
                </div>
                <div class="group-news">
                    <h4 class="big-title">万达集团与鑫苑集团签订战略合作协议</h4>
                    <div class="u-img flex">
                        <img src="https://image.wanda.cn/uploadfile/2022/0330/20220330095231203.jpg" alt="" height="110"
                            width="195">
                        <p>3月28日,万达集团与鑫苑集团签订战略合作协议。王健林董事长和鑫苑集团董事长张勇共同出席签约仪式并座谈交流。</p>
                    </div>
                    <ul class="m-list2">
                        <li>
                            <a>
                                王健林董事长会见天元集团董事长张桂玉 双方签订合作协
                            </a>
                            <span>
                                03-14
                            </span>
                        </li>
                        <li>
                            <a>
                                万达集团与北京市平谷区签订四项合作协议
                            </a>
                            <span>
                                02-23
                            </span>
                        </li>
                        <li>
                            <a>
                                万达集团2021年年会圆满召开 王健林董事长作工作总结
                            </a>
                            <span>
                                01-17
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="top-lanmu">
                <div class="tit">
                    <h3>最新动态</h3>
                    <span>更多</span>
                </div>
                <div class="group-news">
                    <ul class="m-list2">
                        <li>
                            <a>
                                上海市委副书记、市长龚正考察松江万达广场复业情况
                            </a>
                            <span>
                                05-20
                            </span>
                        </li>
                        <li>
                            <a>
                                万达电影APP全新上线 首月使用量超2200万次
                            </a>
                            <span>
                                05-20
                            </span>
                        </li>
                        <li>
                            <a>
                                崇明万达广场成为上海首个复业商业中心
                            </a>
                            <span>
                                05-20
                            </span>
                        </li>
                        <li>
                            <a>
                                商管北区多座广场举办世界博物馆日主题活动
                            </a>
                            <span>
                                05-20
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="top-lanmu">
                <div class="tit">
                    <h3>媒体报道</h3>
                    <span>更多</span>
                </div>
                <div class="group-news">
                    <ul class="m-list2">
                        <li>
                            <a>
                                【央视网】贵州 认领公益茶园 助推丹寨乡村振兴
                            </a>
                            <span>
                                03-31
                            </span>
                        </li>
                        <li>
                            <a>



                                【南方网】丹寨茶园上考卷，认领一亩茶园做研学基地
                            </a>
                            <span>
                                03-28
                            </span>
                        </li>
                        <li>
                            <a>
                                【人民网】助力乡村振兴！丹寨小镇茶园公益认领启动
                            </a>
                            <span>
                                03-21
                            </span>
                        </li>
                        <li>
                            <a>
                                【中新网】北京市平谷区与万达集团签约推进四项合作
                            </a>
                            <span>
                                02-23
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="top-lanmu">
                <div class="tit">
                    <h3>万达新媒体更多 </h3>
                    <span>更多</span>
                </div>
                <div class="group-news">
                    <ul class="m-list2">
                        <li>
                            <a>
                                夏夜里，星空下！万达电影喊你看一场露天电影
                            </a>
                            <span>
                                05-13
                            </span>
                        </li>
                        <li>
                            <a>
                                成为销冠主播！化身萌宠饲养员！万达人，你变了
                            </a>
                            <span>
                                05-12
                            </span>
                        </li>
                        <li>
                            <a>
                                化身暖心大白！争做志愿小蓝！北京10座万达广场，抗疫保民生
                            </a>
                            <span>
                                05-11
                            </span>
                        </li>
                        <li>
                            <a>
                                驻守60天！跨城支援！有一束青春的光，叫万新生
                            </a>
                            <span>
                                05-10
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="right">
            <div class="top-lanmu">
                <div class="tit">
                    <h3>万达产业</h3>
                    <span>更多</span>
                </div>
                <img class="TheMap" src="/style//liuyapeng//img//1.jpg" alt="">
            </div>
            <div class="video-paper-wrap">
                <div class="top-lanmu">
                    <div class="tit">
                        <h3>视频中心 </h3>
                        <span>更多</span>
                    </div>
                    <div class="img">
                        <img src="https://image.wanda.cn/uploadfile/2022/0413/20220413102842412.jpg" alt="">
                    </div>
                </div>
                <div class="top-lanmu">
                    <div class="tit">
                        <h3>万达月刊 </h3>
                        <span>更多</span>
                    </div>
                    <div class="img">
                        <img src="	https://image.wanda.cn/uploadfile/2022/0520/20220520093604326.jpg" alt="">
                    </div>
                </div>

            </div>
        </div>
    </section>
    <div class="g-doc center">
        <h3>
            社会责任
        </h3>
        <ul class="f-cb">
            <li>
                <img src="https://image.wanda.cn/uploadfile/2021/0428/20210428022649707.jpg" alt="">
                <span>创造就业</span>
            </li>
            <li>
                <img src="	https://image.wanda.cn/uploadfile/2021/0428/20210428022708598.jpg" alt="">
                <span>绿色环保</span>
            </li>
            <li>
                <img src="	https://image.wanda.cn/uploadfile/2021/0428/20210428022724432.jpg" alt="">
                <span>慈善捐赠</span>
            </li>
            <li>
                <img src="https://image.wanda.cn/uploadfile/2021/0428/20210428022829551.jpg" alt="">
                <span>乡村振兴</span>
            </li>
        </ul>
    </div>
    <!-- 底部开始 -->
    <div class="footNav ">
        <div class="floor center">
            <dl class="footdl1">
                <dt>关于万达</dt>
                <dd>集团简介</dd>
                <dd>发展历程</dd>
                <dd>科技创新</dd>
                <dd>万达党建</dd>
                <dd>企业荣誉</dd>
                <dd>企业文化</dd>
                <dd>社会责任</dd>
            </dl>
            <dl class="footdl1">
                <dt> 新闻中心</dt>
                <dd>重点关注</dd>
                <dd>集团要闻</dd>
                <dd> 热点专题</dd>
                <dd>最新动态</dd>
                <dd>媒体报道</dd>
                <dd>万达义工</dd>
                <dd>万达新媒体</dd>
            </dl>
            <dl class="footdl1">
                <dt>万达产业</dt>
                <dd>万达简介</dd>
                <dd> 商管集团</dd>
                <dd>文化集团</dd>
                <dd>投资集团</dd>

            </dl>
            <dl class="footdl1">
                <dt> 视频中心</dt>
                <dd>万达播报</dd>
                <dd>万达公开课</dd>
                <dd>文化活动</dd>
            </dl>
            <dl class="footdl1">
                <dt>联系我们</dt>
                <dd>招聘平台</dd>
                <dd>招采平台</dd>
                <dd>项目合作</dd>
                <dd> 投诉和建议</dd>
                <dd>审计举报</dd>
                <dd>法律声明</dd>
                <dd>除名查询</dd>
            </dl>

            <dl class="footdl1">
                <dt>境外企业</dt>
                <dd>澳大利亚HOYTS院线</dd>
                <dd>美国传奇影业</dd>
                <dd> 瑞士盈方体育传媒公司</dd>
                <dd>英国圣汐游艇公司</dd>

            </dl>
            <dl>
                <img style="margin-top: 20px;" src="https://image.wanda.cn/statics/images/web/footwx.gif" alt="">
            </dl>
        </div>
    </div>
    <!-- 底部结束 -->
    <div class="footer">
        <div class="flooe center">
            <span>大连万达集团股份有限公司官方网站 © 2010-2022 WANDA 版权所有 辽ICP备10012005号-1</span>
            <span>地址：北京市朝阳区建国路93号万达广场B座 &nbsp; &nbsp; &nbsp;电话：010-85853888</span>
            <span>
                万达集团
            </span>
        </div>
    </div>
</body>
<script>
    var wrapAll = document.querySelector(".wrapAll");
    var slideBar = document.querySelector(".slideBar");
    var slideBarList = document.querySelectorAll(".slideBar li");
    var liList = document.querySelectorAll(".dotList li");

    var left = document.querySelector(".left");
    var right = document.querySelector(".right");



    var index = 0;     //定义一个全局变量  索引
    var timer = null;    //定义一个全局timer 用来记时
    var clientWidth = slideBarList[0].clientWidth;    //获取图片的宽度

    autoPlay();


    for (let i = 0; i < liList.length; i++) {    //循环遍历 获取小圆点
        let li = liList[i];
        li.onclick = function () {       // 圆点li的点击事件
            index = i;
            for (var j = 0; j < liList.length; j++) {     //先清除所有效果
                liList[j].className = "";
            }
            liList[i].className = "active";     //给对应的点击的li赋予效果
            animate(slideBar, "left", -clientWidth * index, "ease-out");   //公共样式animate.js  属性 属性值 终点 运动方式
        }
    }
    left.onclick = function () {     //左边点击事件
        index--;
        auto();
    }
    right.onclick = function () {    //右边点击事件
        index++;
        auto();
    }
    wrapAll.onmouseenter = function () {     //鼠标移入
        clearInterval(timer);
    }
    wrapAll.onmouseleave = function () {    //鼠标移出
        autoPlay();
    }
    function autoPlay() {
        clearInterval(timer);     //清除计时器防止连续点击或移动触发的问题
        timer = setInterval(function () {
            index++;
            auto();
        }, 2000)
    }
    function auto() {
        //这么写的目的是防止有用户连续点击向左或者向右 所产生的问题
        if (index < 0) {         //点击向左运动 如果索引小于0 那么把index变成最后一个索引
            index = slideBarList.length - 1;
            slideBar.style.left = -clientWidth * index + "px";      //此时left值为第五张图片所在
            index--;       //变成第四张我们所需要的图片
        }
        if (index >= slideBarList.length) {      //点击向左运动 如果索引大于slideBarList长度 此时最长的是第五张照片 也就是第一张
            slideBar.style.left = 0;     //利用视觉差跳回第一张图片
            index = 0;      //索引为第一张
            index++;   //索引增加
        }

        for (var j = 0; j < liList.length; j++) {     //循环遍历清除li的效果
            liList[j].className = "";
        }
        liList[index >= slideBarList.length - 1 ? 0 : index].className = "active";     //给对应的li增添效果

        animate(slideBar, "left", -clientWidth * index, "ease-out", function () {
            if (index >= slideBarList.length - 1) {
                slideBar.style.left = 0;
                index = 0;
            }
        })
    }

</script>

</html>